<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Maxima school</title>
		<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
    <link rel="stylesheet" type="text/css" href="main.css">
    <meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container">
    <div class="header">
        <ul class="menu">
            <li class="menu-item"><a href="#">Главная</a></li>
            <li class="menu-item"><a href="#">Новости</a></li>
            <li class="menu-item"><a href="#">О нас</a></li>
            <li class="menu-item"><a href="#">Контакты</a></li>
        </ul>
    </div>
		
		<div class="slider" id="slider">
			<div>
				<img src="file.jpg">
			</div>
			<div>
				<img src="file.jpg">
			</div>
			<div>
				<img src="file.jpg">
			</div>
		</div>

    <div class="news-container">
			<div class="news-item">
            <img src="https://backend.learn.maxima.school/files/ebb3a325-0974-4c80-a3a8-6233af42488a.png" alt="Новость 1">
            <h3>Что спросить джуну — рекомендация от senior-разработчика</h3>
            <p>Как джуны проходят через свою первую работу? Как встраиваются в рабочие процессы, если за спиной пока только первое успешное собеседование?</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>

        <div class="news-item">
            <img src="https://backend.learn.maxima.school/files/0da608e0-229a-4c41-83d1-cd174b6a8d75.webp" alt="Новость 2">
            <h3>Как выбрать язык программирования?</h3>
            <p>Даже после того, как вы определились, с какой областью программирования вы хотите работать, выбор языка может оказаться неожиданно трудным.</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>

        <div class="news-item">
            <img src="https://backend.learn.maxima.school/files/4a1c6fc7-f2ad-44c2-bfd2-3ad0b36eb661.png" alt="Новость 3">
            <h3>Подборка IT-компаний, куда можно пойти, чтобы работать с космосом</h3>
            <p>Работать в космической отрасли со специализацией в IT — можно. Более того, многие компании в космической отрасли постоянно ищут IT-специалистов.</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>

        <div class="news-item">
            <img src="https://backend.learn.maxima.school/files/a382fcaa-1599-447d-818c-170bbb2b2607.png" alt="Новость 4">
            <h3>Что точно стоит убрать из своего резюме и профиля на хедхантере?</h3>
            <p>Ваше резюме и профиль на сайтах для поиска работы — это первое, что увидит работодатель, поэтому важно внимательно подойти к его составлению.</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>

        <div class="news-item">
            <img src="https://backend.learn.maxima.school/files/2245849a-2a00-4e0f-b374-b6532acaed76.png" alt="Новость 5">
            <h3>Как оформить профиль на LinkedIn?</h3>
            <p>LinkedIn — одна из самых популярных профессиональных социальных сетей в мире. В IT-сфере LinkedIn служит инструментом для поиска контактов.</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>

        <div class="news-item">
            <img src="https://backend.learn.maxima.school/files/7b0c83e9-f3e3-412e-a10e-c3a2cbbfc0ff.png" alt="Новость 6">
            <h3>Что такое пробные собеседования и где их проходить?</h3>
            <p>Собеседования, особенно впервые в новой специальности, это волнительно.</p>
            <a href="#" class="read-more">Подробнее</a>
        </div>
    </div>

		<div class="feedback-form">
			<h2>Форма обратной связи</h2>
			<form action="#" method="post">
				<label for="name">Имя и фамилия:</label>
				<input id="name" name="name" ="text" placeholder="Введите ваши имя и фамилию" required>
				<label for="email">E-mail:</label>
				<input id="email" name="email" type="text" placeholder="Введите ваш email" required>
				<label for="message">Сообщение:</label>
				<textarea id="message" name="message" cols="20" rows="2" placeholder="Введите ваше сообщение" required></textarea>
				<input type="submit" value="Отправить сообщение">
			</form>
		</div>

    <footer class="footer">
        &copy; 2023 Maxima School. Все права защищены.
    </footer>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="script.js"></script>
</body>
</html>